<template>
	<view class="main">
		<view class="content">
			<view class="bg-videos">
				<view class="">
					<text class="title">邢台支队机关正规化建设全景展示</text>
				</view>
				<view class="" @click="aaa">
					<!-- 	<video class="video"  src="https://720yun.com/t/1fvkce2h77h" controls></video> -->
					<image src="http://oss.91xiaokong.com/fireControl/swiper/3.png" class="video"
					 mode=""></image>
				</view>
			</view>
		</view>

		<view class="content">
			<view class="bg-videos">
				<view class="">
					<text class="title">邢台支队中兴大街消防救援站全景展示</text>
				</view>
				<!-- 	<video class="video" src="https://720yun.com/t/96vkce2h77q" controls></video> -->
				<view class="bbb" @click="bbb">
					<image src="http://oss.91xiaokong.com/fireControl/swiper/2.png" mode=""
					 class="video"></image>
				</view>

			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onShow() {
			uni.showLoading({})
			setTimeout(function() {
				uni.hideLoading()
			}, 500)
			
		},
		methods: {
			bbb(e) {
				window.open('https://720yun.com/t/96vkce2h77q');
			},

			aaa(e) {
				window.open('https://720yun.com/t/1fvkce2h77h');
			}

		}
	}
</script>

<style>
	.title {
		font-size: 30rpx;
		font-weight: 400;
		color: #00FFFF;
		line-height: 50rpx;
	}

	.video {
		height: 366rpx;
		width: 616rpx;
	}

	.bg-videos {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: url('http://oss.91xiaokong.com/fireControl/video/2.png');
		background-size: 100% 100%;
		height: 485rpx;
		width: 702rpx;
		z-index: 1;
	}

	.content {
		padding-top: 10%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: -1
	}

	page {
		height: 100%;
	}

	.main {
		background-image: url('http://oss.91xiaokong.com/fireControl/video/1.png');
		background-size: 100% 100%;
		background-repeat: repeat;
		height: 100%;
	}
</style>
